/* 
    Document   : hs
    Created on : 20-Jan-2011, 20:49:02
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/
/* Form Style */
.hs-form {font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;}

.hs-form fieldset {
	border: 1px solid #999;
	border-top:3px solid #000;
	border-bottom: 1px solid #ccc;
	background:#efefef;
	padding-bottom: 1.2em;
	margin: 0 0 6em;
}

/* hover effect */
.grid-1-12:hover, .grid-2-12:hover, .grid-3-12:hover, .grid-4-12:hover, .grid-5-12:hover, .grid-6-12:hover, .grid-7-12:hover, .grid-8-12:hover, .grid-9-12:hover, .grid-10-12:hover, .grid-11-12:hover, .grid-12-12:hover {background:#e5e5e5;}
.field-button:hover {background:transparent;}


/* Form legend and titles */
.hs-form legend {
	font-size:1.7em;
	padding: 10px 10px 15px;
	margin-bottom: 10px;
	background:#000;
	margin-left:1.04%;
	color:#fff;
}

/* form elements  */
.hs-form-lbl {
	font-size:1em;
	font-weight: bolder;
}
.hs-form-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
	font-size:1.4em;
}
.hs-form .hs-form-txt, .hs-form textarea, .hs-form select {
	border-color:#235485;
	background: #fff;
	color:#333;
	font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
}
.hs-form .hs-form-txt:hover, .hs-form textarea:hover, .hs-form select:hover {
	border-color:#235485;
	background: #fafafa;
	color:#333;
}
.hs-form .hs-form-txt:focus, .hs-form textarea:focus, .hs-form select:focus {
	border-color:#103b66;
	background: #f4fcff;
	color:#235485;
}


/* form msg status  */
.hs-form-msg-info, .hs-form-msg-warning, .hs-form-msg-error, .hs-form-msg-success {
	padding-left: 27px;
	font-size:0.9em;
	border-bottom: 1px solid #ccc;
}
.hs-form-msg-info {
	background: #d1ecf7 url(../img/form-ic-info.png) no-repeat 5px 4px;
	border-color:#bcdfef;
	color:#11689e;
}
.hs-form-msg-warning {
	background: #fff6bf url(../img/form-ic-warning.png) no-repeat 5px 4px;
	border-color:#fceb77;
	color:#957210;
}
.hs-form-msg-error {
	background: #fad0d0 url(../img/form-ic-error.png) no-repeat 5px 4px;
	border-color:#f6abab;
	color:#b01717;
}
.hs-form-msg-success {
	background: #e5f8ce url(../img/form-ic-success.png) no-repeat 5px 4px;
	border-color:#d0f1a6;
	color:#62b548;
}


/* form buttons */
.hs-form-button {
	font-size:1.2em;
	background:#235485;
	color:#fff;
}
.hs-form-button:hover {background:#666;}

/********************************************************************

Project: Formee - http://www.hs-formee.org
Last Updated: 19/04/2010
Version: 1.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
             Daniel Araujo - http://www.dnlaraujo.com.br
			 Marcello Manso - http://www.marcellomanso.com.br
********************************************************************
Structure
********************************************************************/

/* Little CSS Reset to preserv form structure */
.hs-form * {padding:0;	margin:0;	list-style: none;	border: none;	font-size:100%;}


/* Form Structure */
.hs-form fieldset {position: relative;height:100%;}


/* Field Grid */
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 {
display:inline; float:left; margin-left:1%; margin-right:1%;padding: 0.5% 0.5% 0.8%;height:100%;
/*ie7*/
*margin-left:.8%; *margin-right:.8%;*padding: 0.5% 0.25% 0.8%;
}


/* 12-column Grid (thanks for Fluid 960 Grid System) */
.grid-1-12 {width: 5.333%;}
.grid-2-12 {width: 13.666%;}
.grid-3-12 {width: 22%;}
.grid-4-12 {width: 30.333%;}
.grid-5-12 {width: 38.666%;}
.grid-6-12 {width: 47%;}
.grid-7-12 {width: 55.333%;}
.grid-8-12 {width: 63.666%;}
.grid-9-12 {width: 72%;}
.grid-10-12 {width: 80.333%;}
.grid-11-12 {width: 88.666%;}
.grid-12-12 {width: 97%;}

/* first item */ .alpha {margin-left:0;}
/* last item */ .omega {margin-right:0;}
/* clear */ .field-clear {clear:both;}



/* form elements  */
.hs-form input, .hs-form label, .hs-form img, .hs-form select {vertical-align: middle; line-height: 1em;}
.hs-form-lbl {display: block; height: auto; margin: 0.5em 0 0.8em;}
.hs-form-list-chk .hs-form-lbl, .hs-form-list-rdo .hs-form-lbl {display: inline; height: auto; margin: 0.5em 0 0.8em 2px;}
.hs-form-req {position: relative;top:3px;}
/*.hs-form-container { border:1px solid; display: block; clear:both; overflow: hidden;}*/
.hs-form-msg-info, .hs-form-msg-warning, .hs-form-msg-error, .hs-form-msg-success {padding:6px 10px 5px; display: block;height: auto; margin: -0.3em 0 0.5em;}
/*.hs-form .hs-form-txt, .hs-form textarea {	margin: 0.3%;	background: transparent;	width: 99.4%;}*/
.hs-form .hs-form-txt, .hs-form textarea, .hs-form select {width: 100%; padding:5px;border: 1px solid #999;  box-sizing: border-box;  -moz-box-sizing: border-box; -ms-box-sizing: border-box;-webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
/*ie7*/
*width: 99%;
}

.hs-form textarea {	height: 15em;}
.hs-form select {padding:4px;}

/* form button  */
.hs-form-button {padding: 4px 6px;cursor: pointer;text-align: center;float:left;margin-left: 0.3em;display:inline;
/*ie7*/

}
.hs-form-no-lbl {padding-top:35px;}

/* input with readonly attribute */
.hs-form-readonly, input[readonly] {border:none; font-weight: normal;padding-left:0;}


/* multiple containers inside field-grid */
.hs-form-left {float:left; margin-right:0.3em;clear:none;}
.hs-form-right {float:right; margin-left:0.3em;clear:none;}


/* lista de chk e rdo */
.hs-form-list-chk, .hs-form-list-rdo {height: 100%;}
.hs-form-list-chk li, .hs-form-list-rdo li {margin: 0.5em 0.6em 0.2em; float:left; display: inline; list-style:none;}
.hs-form-list-chk input, .hs-form-list-rdo li input {margin-right: 0.2em}


/* tamanhos dos campos */
.hs-form-small {width: 30% !important;float:left;margin-right: 10px;display:inline;
/*ie7*/
*width: 25% !important;
}
.hs-form-medium {width: 50% !important;float:left;margin-right: 10px;display:inline;
/*ie7*/
*width: 45% !important;
}

.hs-form-date {width: 80px !important;float:left;margin-right: 10px;display:inline;}
.hs-form-time {width: 60px !important;float:left;margin-right: 10px;display:inline;}
.hs-form-date-day, .hs-form-date-year {width: 40px !important;float:left;margin-right: 10px;display:inline;}
.hs-form-date-month {width: 60px !important;float:left;margin-right: 10px;display:inline;}

/* fix  ff bugs */
div:after, ol:after, form:after, dl:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

/* Table styling */
.hs-table thead th { text-align: center;}

.hs-table tbody th { text-align: right; }

/*.hs-table tfoot th { text-align: right; }*/
